<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body,html{
			padding: 0;
			margin: 0;
		}
		img{
			width: 100%;
		}
	</style>
</head>
<body>
	<div id="box"></div>
	<script>
		var thebox = document.getElementById('box')
		// for (var i = 1; i < 10; i++) {
		// 	var theimg = document.createElement('img');
		// 	theimg.src = "http://game.gtimg.cn/images/up/act/a20170329upm/img/r"+i+"-tree.jpg" 
		// 	thebox.appendChild(theimg)
		// 	// theimg.appendChild(thebox)
		// 	// console.log(theimg)
		// }

		var e = ["img/loading-logo.png", "img/loading-cover.png", "img/b2-3.png", "img/b3-1.jpg", "img/b2-2.png", "img/b1-1.jpg", "img/b2-1.jpg", "img/b4-4.png", "img/shareicon.png", "img/nai.png", "img/xin.png", "img/rote.png", "img/tips.png", "img/tips2.png", "img/endpage.png"];
		var arr = ["s14", "s0", "s1", "s2", "s3", "s18", "s4", "s6", "s17", "s7", "s5", "s16", "s15", "s13", "s8", "s9", "s10", "s12", "s11"]
        var g = "http://game.gtimg.cn/images/up/act/a20170329upm/";
        var b = 0;
        var a = e.length;


        // e.forEach(function(h) {
        //     // f(g + h)
        //     console.log(g + h)
        //     var theimg = new Image();
        //     // theimg.src = g + h;
        //     // thebox.appendChild(theimg);
        // })

        arr.forEach(function(h) {
            // f(g + h)
            var theimg = new Image();
        // http://up.qq.com/act/a20170329upm/cross-domain/s16.svg
            theimg.src = "http://up.qq.com/act/a20170329upm/cross-domain/" + h +".svg";
            thebox.appendChild(theimg);
        })

	</script>
</body>
</html>